<div class="row padding-top-10">
    <h2>{{tableTitle}}</h2>
    <div class="col-ms-12">
        <table class="table">

            <tr>
                <th width="5%">SN</th>
                <th width="5%">Operation</th>
                <th>Content</th>
            </tr>

            <tr *ngFor="let todo of todoList; let i = index">
                <td>{{i + 1}}</td>
                <td><input type="checkbox" [checked]="todo.completed" (change)="doChange(todo)"/></td>
                <td [class.delete-text]="todo.completed">{{todo.context}}</td>
            </tr>

        </table>
    </div>
</div>
